@charset "UTF-8";
 ul{
            list-style: none;
        }
        #right-nav{
            width:35px;
            height: 100%;
            position: fixed;
            top:0;
            right:0;
            z-index: 20;
            border-right: 5px solid  #7A6E6E;
        }
        #right-nav .w{
            position: fixed;
            bottom:22px;
            right:0;
            width:35px;
            height: 76%;
        }
        #right-nav-list1{
            position: relative;
            right: 0;
            top: 0;
            z-index: 20;
        }
        #right-nav-list2{
            position: fixed;
            right: 0;
            bottom: 0;
            z-index: 20;
        }
        #right-nav li{
            position: relative;
            left: 0;
            top: 0;
            height: 34px;
            width: 35px;
            margin-bottom: 1px;
        }
        #right-nav li a{
            width: 100%;
            height: 100%;
            display: block;
            background: #7a6e6e;
            padding: 7px;
            box-sizing: border-box;
            border-radius: 3px;
            /*transition: all linear 300ms;*/
        }
        #right-nav li div{
            position: absolute;
            left: 50px;
            top: 0;
            z-index: -1;
            font-size: 12px;
            background: #c81623;
            color: #fff;
            height: 34px;
            width: 60px;
            line-height: 31px;
            text-align: center;
            border-radius: 3px;
            transition: all linear 300ms;
        }
        #right-nav li:hover,#right-nav li:hover a{
            background-color: #c81623;
        }
        #right-nav li:hover div{
            left:-58px;
        }